import React ,{Component} from 'react';
import ReactDOM from 'react-dom';
import {
    BrowserRouter as Router,
    Route,
    Link
} from 'react-router-dom';
import './../css/menu1.css';
class Pages extends Component{
    constructor(props){
        super(props);
    }
    render(){
        // return <div>
            {/* <p class='cleanfloat starFive sF1'><span class='org_star'>R</span><span class='org_star'>R</span><span class='org_star'>R</span><span class='org_star'>R</span><span data-content='R'>R</span><b>4.7分</b></p> 
            <p class='cleanfloat starFive sF2'><span class='org_star'>R</span><span class='org_star'>R</span><span class='org_star'>R</span><span data-content='R'>R</span><span>R</span><b>3.5分</b></p> 
            <p class='cleanfloat starFive sF3'><span class='org_star'>R</span><span class='org_star'>R</span><span data-content='R'>R</span><span>R</span><span>R</span><b>2.4分</b></p>  */}
    //       return  <div className="starrating icon-star ng-isolate-scope" title="评分4.1分" rate-star="" rating="food.rating">
    //       <span className="icon-star" ng-style="{ width: (rating * 20) + '%' }" style="width: 82.68%;">
    //         {/* <span className="icon-star" ng-style="{ width: (rating * 20) + '%' }" style="width: 82.68%;"></span> */}
    //         </span></div>
    //     {/* </div> */}
    
    return (<div className="iconStar" style={{"letterSpacing":this.props.space}}  >
            <span className="star" style={{width:this.props.num}} ></span>
        </div>)
    }
}
Pages.defaultProps = {
    num:"50%",
    maxStar:5,
    className:"",
    space:0
}
export default Pages;